<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.box{
			width: 1200px;
			padding: 10px 5px 0 5px;
			margin: 20px auto;
			margin-bottom: 10px;
/*			border: 1px solid #eee;*/
			color: red;
			box-sizing: border-box;
		}
		.only{
			padding: 10px;
			float: left;
		}
		.only ul li{
			float: left;
			margin: 0 20px;

		}

		.head{
			padding: 10px;
			float: right;
		}

		.head ul li{
			margin: 0 10px;
			float: right;
		}
		.clearFix::after{
			content: "";
			clear: both;
			display: block;
		}
		.box img{
			padding-left:20px ;
			float: left;
		}
		.box2{
			width: 1200px;
			margin: 0 auto;
			margin-left:20px ;
			margin-bottom: 20px;
			box-sizing: border-box;
		}
		.box2 h1{
			margin: 20px 0;
/*			margin-bottom:20px ;*/
		}
		.box2 p{
			float: left;
			color: orange;

		}
		.box2 p:nth-of-type(2){
			margin-left: 20px;
			color: black;
		}
		.one{
			margin: 10px 40px;
			width: 200px;
			height: 350px;
			float: left;
			border: 1px solid #eee;
		}
		.one img{
			width: 100%;
		}
		.one p:nth-of-type(2){
			font-size: 12px;
			margin: 0 5px;
			padding-bottom:10px ;
		}
		.one span{
			color: orange;
			font-size: 13px;
			

		}
		.box3{
			width: 1200px;
			margin: 0 auto;
			box-sizing: border-box;
		}
		.box3 p:nth-of-type(1){
			color: orange;
		}
		.one img:nth-of-type(2){
			width: 35px;
			height: 35px;
			border-radius: 50%;
			vertical-align: middle;
		}


	</style>
</head>
<body>
	<div class="box clearFix">
		<img src="../下载.png">
		<div class="only ">
			<ul type="none">
				<li>首节</li>
				<li>菜谱分类</li>
				<li>菜单</li>
				<li>作品动态</li>
			</ul>
		</div>
		<div class="head ">
			<ul type="none">
				<li>登录</li>
				<li>注册</li>
			</ul>
		</div>

		
	</div>
	<hr>
	<div class="box2 clearFix ">
		<h1>按照菜谱，秀出你的作品</h1>
		<p>正在流行</p>
		<p>24小时最佳</p>
	</div>
	<div class="box3 clearFix">
		<div class="one ">
			<img src="../下厨房/1.png">
			<p>老面包</p>
			<p>老面包#下午茶·2025年7月14日#宣软美味老面包，出炉真香，我真的是硬忍着没吃一个解馋，打包都给表姐寄走</p>
			<img src="../小猫.jpg">
			<span>晨晨妈</span>
		</div>
		<div class="one ">
			<img src="../下厨房/2.png">
			<p>椰蓉叶子面包</p>
			<p>椰蓉叶子面包#晚餐·2025年7月14日#周日表姐生日，周六给她做了好吃的打包顺丰发走，周日表姐收到惊喜每次给表姐好吃的她都会给她</p>
			<img src="../小猫.jpg">
			<span>晨晨妈</span>
		</div>
		<div class="one ">
			<img src="../下厨房/3.png">
			<p>桃酥~猪油版</p>
			<p>吃桃酥啦#下午茶·2025年7月14日#香酥美味周六给表姐做了配方3倍的量，摆盘有点挤，成了挤挤酥，表姐收到快递说太香啦心</p>
			<img src="../小猫.jpg">
			<span>晨晨妈</span>
		</div>

	</div>



</body>
</html>